<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-stpm v1.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../../css/font.css">
    <link rel="stylesheet" href="../../css/xadmin.css">
    <script src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="x-nav">
			<span class="layui-breadcrumb">
            <a href="javascript:;">首页</a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div style="padding-top: 15px">
    <div class="layui-row layui-col-space15">
        <!--左边-->
        <div class="layui-row layui-col-space15 layui-col-md8">
            <!--项目统计-->
            <!--<div class="layui-col-md12">-->
                <!--&lt;!&ndash;任务名列表&ndash;&gt;-->
                <!--<div class="layui-col-md3">-->
                    <!--<div class="layui-card" style="height: 280px;">-->
                        <!--<div class="layui-card-header">-->
                            <!--<h3>项目统计</h3>-->
                        <!--</div>-->
                        <!--<div class="layui-card-body">-->
                            <!--<table class="layui-table" lay-even="" lay-skin="nob">-->
                                <!--<tbody>-->
                                <!--<tr>-->
                                    <!--<td>相机功能的开发</td>-->
                                <!--</tr>-->
                                <!--</tbody>-->
                            <!--</table>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--&lt;!&ndash;点击项目后的详情&ndash;&gt;-->
                <!--<div class="layui-col-md9">-->
                    <!--<div class="layui-card" style="height: 280px">-->
                        <!--&lt;!&ndash;头部，左右布局&ndash;&gt;-->
                        <!--<div class="layui-card-header">-->
                            <!--<div style="float: left">-->
                                <!--<h3>任务统计</h3>-->
                            <!--</div>-->
                            <!--<div style="float: right">-->
                                <!--<a onclick="xadmin.open('查看所有任务','../task/task-list.html')" class="layui-btn layui-btn-radius layui-btn-xs">-->
                                    <!--<cite title="查看所有任务">查看所有任务</cite>-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--&lt;!&ndash;主体部分&ndash;&gt;-->
                        <!--<div class="layui-card-body">-->
                            <!--&lt;!&ndash;单独显示所有项目&ndash;&gt;-->
                            <!--<div class="layui-col-md2">-->
                                <!--<ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog" >-->
                                    <!--<li class="layui-col-md12 layui-col-xs6">-->
                                        <!--<a href="javascript:;" class="x-admin-backlog-body" style="height: 180px;display: table-cell;vertical-align: middle;text-align: center">-->
                                            <!--<h3>所有任务</h3>-->
                                            <!--<p><cite>3</cite></p>-->
                                        <!--</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--&lt;!&ndash;显示所有项目的情况&ndash;&gt;-->
                            <!--<div class="layui-col-md10">-->
                                <!--<ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog" >-->
                                    <!--<li class="layui-col-md12 layui-col-xs6">-->
                                        <!--<a href="javascript:;" class="x-admin-backlog-body">-->
                                            <!--<h3>未完成</h3>-->
                                            <!--<div class="layui-progress" lay-showpercent="true">-->
                                                <!--<div class="layui-progress-bar" lay-percent="70%"></div>-->
                                            <!--</div>-->
                                        <!--</a>-->
                                    <!--</li>-->
                                    <!--<li class="layui-col-md12 layui-col-xs6">-->
                                        <!--<a href="javascript:;" class="x-admin-backlog-body">-->
                                            <!--<h3>进行中</h3>-->
                                            <!--<div class="layui-progress" lay-showpercent="true">-->
                                                <!--<div class="layui-progress-bar" lay-percent="70%"></div>-->
                                            <!--</div>-->
                                        <!--</a>-->
                                    <!--</li>-->
                                    <!--<li class="layui-col-md12 layui-col-xs6">-->
                                        <!--<a href="javascript:;" class="x-admin-backlog-body">-->
                                            <!--<h3>已完成</h3>-->
                                            <!--<div class="layui-progress" lay-showpercent="true">-->
                                                <!--<div class="layui-progress-bar" lay-percent="70%"></div>-->
                                            <!--</div>-->
                                        <!--</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--任务详情统计-->
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <h3>任务详情</h3>
                    </div>
                    <div class="layui-card-body">
                        <table class="layui-hide" id="taskTable" lay-filter="taskTable"></table>
                    </div>
                </div>
            </div>
        </div>
        <!--右边-->
        <div class="layui-row layui-col-space15 layui-col-md4">
            <!--我的代办事项-->
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">
                        我的代办事项
                        <!--<div style="float: right;">-->
                            <!--<a class="layui-btn layui-btn-sm" onclick="xadmin.open('添加代办','../todo/todo-add.html')">-->
                                <!--<i class="layui-icon" title="添加代办">&#xe654;</i>-->
                            <!--</a>-->
                        <!--</div>-->
                    </div>
                    <div class="layui-card-body ">
                        <table class="layui-hide" id="todoTable"></table>
                    </div>
                </div>
            </div>
            <!--我参与的项目-->
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">我参与的项目</div>
                    <div class="layui-card-body">
                        <table class="layui-hide" id="myProject"></table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<script>
    layui.use(['table','form','element','laytpl'], function() {
        var table = layui.table;
        var $=layui.jQuery;
        var form=layui.form;
        var element = layui.element;
        var laytpl=layui.laytpl;

        //任务详情
        table.render({
            elem:'#taskTable'
            ,cellMinWidth:80
            , height: 300
            ,url: 'http://localhost:8080/task/list' //数据接口
            , title: '任务表'
            , page: true //开启分页
            , toolbar: true //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            ,defaultToolbar:['filter', 'exports']
            // , totalRow: true //开启合计行
            ,cols: [[ //表头
                {
                    type: 'radio',
                    fixed: 'left'
                }, {
                    field: 'id',
                    title: 'ID',
                    hide: true,
                }, {
                    field: 'taskPriority',
                    title: '级别',
                    width: '10%',
                    sort: true
                }, {
                    field: 'taskProjectCode',
                    title: '项目代号',
                    width: '20%',
                    minWidth: 100,
                    sort: true
                }, {
                    field: 'taskName',
                    title: '任务名',
                    width: '20%',
                    sort: true
                }, {
                    field: 'taskCreater',
                    title: '创建者',
                    width: '15%',
                    sort: true
                }, {
                    field: 'taskAssginedTo',
                    title: '指派给',
                    width: '10%',
                    sort: true
                },{
                    field: 'taskStartDate',
                    title: '开始',
                    width: '15%',
                    sort: true
                },{
                    field: 'taskEndDate',
                    title: '截止',
                    width: '15%',
                    sort: true
                },{
                    field: 'taskStatus',
                    title: '状态',
                    width: '10%',
                    sort: true
                }
            ]]
            ,done:function (res, curr, count) {
                element.init();
            }
        });

        //我参与的项目
        table.render({
            elem: '#myProject'
            ,url: 'http://localhost:8080/task/myproject' //数据接口
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增,
            ,cols: [[
                {field:'projectCode',width:'30%',title:'项目代号',sort:true},
                {field:'projectName',width:'30%',title:'项目名称',sort:true},
                ,{field:'projectEndDate',width:'20%',minWidth: 80,title:'截止时间',sort:true}
                ,{field:'projectStatus',width:'20%',minWidth: 80,title:'状态',sort:true}
            ]]
            ,done:function (res, curr, count) {
                element.init();
            }
        });

        //我的代办事项
        table.render({
            elem: '#todoTable'
            ,url: 'http://localhost:8080/todo/mytodo' //数据接口
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增,
            ,cols: [[
                {field:'todoEndDate',minWidth: 100,title:'截止日期',sort:true}
                ,{field:'todoPriority',width:'20%',minWidth: 80,title:'级别',sort:true}
                ,{field:'todoName',width: '35%', minWidth: 100,title:'代办名',sort:true}
                ,{field:'todoStatus',width: '20%', minWidth: 100,title:'状态',sort:true}
            ]]
        });
    });
</script>
</body>

</html>